<html>
<head>
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>

<script>
	function bindHiddenDiv(){
		$("[name^='hiddenRadio_']").each(function(){
			var name = this.attributes['name'].value;
			var radioName = name.split('_')[1];
			
			$("#"+name).toggle();
			
			//display the div if the odd value is select
			$("input[name^="+radioName+"]").each(function(){
				if(this.checked==true && this.value%2==1){
					$("#"+name).toggle();
				}
				
				$(this).bind('change',function(){
					$("#"+name).toggle();
				});
			});
		});
	}
</script>
</head>

<body>


<form id="testForm">
	Test checkbox
	<label for="dejaExperience341">
		<input id="dejaExperience341" type="radio" name="dejaExperience" value="341" checked="checked">
		Oui
	</label>
	<label for="dejaExperience342">
		<input id="dejaExperience342" type="radio" readonly="readonly" name="dejaExperience" value="342">
		Non
	</label>
		
	<div id="hiddenRadio_dejaExperience" name="hiddenRadio_dejaExperience" >
		Blablabagjhieognzoie rgioze gruieo gre
	</div>
</form>

</body>


<script>
	$(document).ready(function(){
		bindHiddenDiv();
	});
</script>


</html>